// 每次修改config.js文件时，需要重启项目
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,


  css: {
    loaderOptions: {
      less: {
        lessOptions: {
          // If you are using less-loader@5 please spread the lessOptions to options directly
          modifyVars: {
            'primary-color': '#1DA57A',
            'link-color': '#1DA57A',
            'border-radius-base': '2px',
          },
          javascriptEnabled: true,
        },
      },
    },
  },


//   跨域：
//     同源策略：同源策略会引起跨域问题，是浏览器中的一个安全协议，主机、协议、端口只要有一个不一致，就会引起同源策略从而引起跨域问题
//     解决办法：1.放开后台(不安全)
//             2.利用script标签中的src属性不受同源策略影响的特点，这种方式叫JSONP（也需要跟后端配合）
//             3.配置代理(在本地起一个服务，再去向后端服务器发送请求，服务器和服务器之间没有同源策略问题）
  devServer: {
    proxy: {
      //     配置代理名字
      // '/abc': {
      //     // https://course.myhope365.com/api/abc/weChat/applet/course/banner/list
      //     // https://course.myhope365.com/api/weChat/applet/course/banner/list
      //     // 代理路径
      //     target: 'https://course.myhope365.com/api',
      //     //  是否跨域
      //     changeOrigin: true,
      //     //     路径重写
      //     pathRewrite:{
      //         '^/abc':''
      //     }
      // },
      '/api': {
        // https://course.myhope365.com/api/weChat/applet/course/banner/list
        // https://course.myhope365.com/api/weChat/applet/course/banner/list
        // 代理路径
        target: 'https://course.myhope365.com',
        //  是否跨域
        changeOrigin: true,
        //     路径重写
        // pathRewrite:{
        //     '^/api':''
        // }
      },
    }
  }

})
